<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/detail.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/fdj.js"></script>
</head>

<body>
    <header>
        <div class="he-t">
            <div class="conter">
                <ul class="li uu fl-r">
                    <li><a href="#">APP下载 <img class="xxjt" src="./images/xxjt.png" alt=""></a>|</li>
                    <li><a href="./dl.html">请登录</a> <a href="./zc.html">免费注册</a>|</li>
                    <li><a href="#">每日签到</a>|</li>
                    <li><a href="#">企业采购</a>|</li>
                    <li><a href="#">客户服务</a>|</li>
                    <li><a href="#">个人中心 <img class="xxjt" src="./images/xxjt.png" alt=""></a>|</li>
                    <li><a href="#">成为VIP</a></li>
                </ul>
            </div>
        </div>


        <div class="floor conter">
            <div class="loga-1">
                <a href="#"><img src="./images/logo.gif" alt=""></a>
            </div>
            <div class="fl-top">
                <form action="" class="form">
                    <input type="text"><button><a href="#"><img style="width:25px;height: 25px;" src="./images/sous.png"
                                alt=""></a></button>
                </form>
                <div class="gwc">
                    <span><img style="width:18px;height:18px;" src="./images/gwc.png" alt=""></span>
                    <a href="#">我的购物车</a>
                    <span class="sp">0</span>
                </div>
            </div>

            <div class="fl-cen">
                <ul class="li  clear" style="display: flex">
                    <li><a href="">奶尿裤</a></li>
                    <li><a href="">奶粉</a></li>
                    <li><a href="">面膜</a></li>
                    <li><a href="">套装</a></li>
                    <li><a href="">直邮</a></li>
                    <li><a href="">包税</a></li>
                    <li><a href="">安瓶</a></li>
                    <li><a href="">特惠</a></li>
                </ul>
            </div>

            <div class="he-flF conter">
                <div class="he-ycT">
                    <a href="">全部商品分类</a>
                </div>
                <ul class="fl-nav li fl-r">
                    <li><a href="">母婴用品/玩具</a></li>
                    <li><a href=""> 家居护理</a></li>
                    <li><a href="">婴幼儿奶粉</a></li>
                    <li><a href="">人气面膜</a></li>
                    <li><a href=""> 大牌直邮</a></li>
                    <li><a href=""> laCabine安瓶</a></li>
                    <li><a href="">特惠专区</a></li>
                    <li><a href="">520活动产品</a></li>
                </ul>
            </div>
        </div>
    </header>

    <section class="clear">
        <div class="banner conter" >
            <div class="fl-l" style="margin-right: 10px">
                <ul class="ba-le li">
                    <li><a href="">特价专区</a></li>
                    <li><a href="">母婴儿童</a></li>
                    <li><a href="">520活动产品</a></li>
                    <li><a href="">家居护理</a></li>
                    <li><a href="">食品保健</a></li>
                    <li><a href="">厨卫用具</a></li>
                    <li><a href="">美妆洗护</a></li>
                    <li><a href="">家用电器</a></li>
                    <li><a href="">热销产品</a></li>
                </ul>

                <div class="none">
                    <div class="no-pop n1" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href="">特价专区</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>

                    <div class="no-pop n2" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 母婴儿童</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt><a href="">口腔护理</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n3" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 520活动产品</a></dt>
                                <dd>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                            <dl>
                                <dt><a href="">口腔护理</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n4" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 家居用品</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n5" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 食品保健</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n6" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 厨卫用具</a></dt>
                                <dd>
                                    <a href=""> 毛巾/浴巾</a> <a href="">洗脸刷/刷头</a> <a href="">驱蚊水/驱蚊喷雾/驱蚊器</a>
                                    <a href="">旅行箱口罩/眼罩</a> <a href="">安全套</a>
                                    <a href="">除臭剂</a>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>

                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                            <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                        </div>
                    </div>

                    <div class="no-pop n7" style="display:none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href="">美妆洗护</a></dt>
                                <dd>
                                    <a href="">牙膏/牙刷/刷头</a> <a href="">漱口水</a> <a href="">舌苔刷</a>
                                    <a href="">牙线</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>

                    <div class="no-pop n8" style="display: none">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 家居电器</a></dt>
                                <dd>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>

                    <div class="no-pop n9" style="display: block">
                        <div class="pop-le">
                            <dl>
                                <dt><a href=""> 热销产品</a></dt>
                                <dd>
                                    <a href="">乳胶枕</a>
                                    <a href=""> 空气净化剂</a>
                                    <a href="">刮毛刀/修眉刀</a>
                                    <a href=""> 防晒袖套</a>
                                    <a href="">足贴</a>
                                    <a href=""> 收纳盒</a>
                                    <a href="">湿巾</a>
                                    <a href="">洗涤用品</a>
                                    <a href=""> 洗手液</a>
                                    <a href="">指甲剪</a>
                                </dd>
                            </dl>
                        </div>
                        <div class="pop-ri">
                            <div class="pop-ri">
                                <p><a href="#"><img src="./images/po-1.jpg" alt=""></a></p>
                                <p><a href="#"><img src="./images/po-2.jpg" alt=""></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="show">
            <div class="conter">
                <div class="show-t">
                    <a style="font-size: 18px" href="">首页</a>>
                    <a href="">食品保健</a>>
                    <a href="">粮油调味</a>>
                    <a href="">初榨橄榄油</a>>
                    <a href="">亚麻籽油</a>>
                    <a href="">加拿大牧羊人之路冷压榨天然亚麻籽油1瓶250ML（冷拌）</a>
                </div>

                <div class="clear">
                    <div class="show-fl">
                        <div class="show-flLe fl-l">
                            <div class="show-flL1">
                                <!-- 放大镜 -->
                                <div class="show-flL2 smlimg">
                                    <a href=""><img src="./images/jnd1.jpg" alt=""></a>
                                    <div class="smlArea"></div>
                                </div>
                            </div>

                            <div class="show-flL3">
                                <a href="javascript:;" class="ll"></a>
                                <a href="javascript:;" class="nn"></a>
                                <div class="show-flL4">
                                    <a href=""><img src="./images/jnd1.jpg" alt=""></a>
                                </div>
                            </div>

                            <div class="show-flL5">
                                <ul class="li">
                                    <li>
                                        <div class="kj">
                                            <a href=""></a>
                                            <a style="background-position: 0 -52px;" href=""></a>
                                            <a style="background-position: 0 -104px;" href=""></a>
                                            <a style="background-position: 0 -156px;" href=""></a>
                                            <a style="background-position: 0 -208px;" href=""></a>
                                            <a style="background-position: 0 -260px;" href=""></a>
                                        </div>
                                    </li>
                                    <li><a href="">
                                            <span class="ax">
                                                <img src="./images/ax.png" alt="">
                                            </span>
                                            <span class="sc">收藏</span>
                                        </a></li>
                                </ul>
                            </div>
                        </div>
                        <!-- 中间 -->
                        <div class="show-flCe fl-l">
                            <div class="bigArea">
                                <img class="bigimg" src="./images/jnd1.jpg" alt="">
                            </div>
                            <h1>加拿大牧羊人之路冷压榨天然亚麻籽油1瓶250ML（冷拌）</h1>

                            <div class="show-flC1">
                                <span style="color: #00b16a">一般贸易</span> <span>发货</span>
                            </div>

                            <form action="">
                                <div class="show-flC2">
                                    <dl>
                                        <dt>价格</dt>
                                        <dd>
                                            <span class="q1">￥99.0</span>
                                            <span class="q2">8.3折</span>
                                            <span class="q3">￥118.8</span>
                                        </dd>
                                    </dl>
                                </div>

                                <div class="show-flC3">
                                    <p>
                                        <span>注册用户</span><span>￥99.0</span>
                                    </p>
                                    <p>
                                        <span>vip</span><span>￥89.1</span>
                                    </p>
                                    <p>
                                        <span>税额</span><span>增值税约：0.00%，消费税约：0.00%</span>
                                    </p>
                                    <p class="red">实际税额请参照右侧税率公式</p>
                                    <p>
                                        <span>商品库存： </span><span>100 4</span>
                                    </p>
                                    <p>
                                        <span>销量： </span><span>39</span>
                                    </p>
                                </div>
                            </form>
                            <!-- 加减 -->
                            <div class="show-flFl">
                                <div class="show-inp">
                                    <input type="text" value="1">
                                </div>
                                <div class="jc">
                                    <p>+</p>
                                    <p>-</p>
                                </div>
                            </div>

                            <div class="shop-b">
                                <a href=""></a>
                                <a href=""></a>
                            </div>

                        </div>

                        <!-- 右边 -->
                        <div class="show-flRi fl-l">
                            <div class="show-mod">
                                <div class="mt">
                                    同类其他品牌
                                </div>
                                <div class="mc">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="conter .clear">
            <div class="fl-l side-info">
                <div class="xgfl-t">
                    <div class="xt"> 相关分类</div>
                    <div class="xb"></div>
                </div>

                <div class="xgfl-fl">
                    <div class="xt">看了又看</div>
                    <div class="mf">
                        <ul class="li">
                            <li>
                                <a href="">
                                    <img src="./images/mf-1.jpg" alt="">
                                </a>
                                <p class="mf-t">
                                    <a href="">贝亲牙刷套装儿童牙刷（1、2、3段各一支,适用于6个月-3岁左右）</a>
                                </p>
                                <p class="mf-f">￥11.0</p>
                            </li>

                            <li>
                                <a href="">
                                    <img src="./images/mf-1.jpg" alt="">
                                </a>
                                <p class="mf-t">
                                    <a href="">贝亲牙刷套装儿童牙刷（1、2、3段各一支,适用于6个月-3岁左右）</a>
                                </p>
                                <p class="mf-f">￥11.0</p>
                            </li>

                            <li>
                                <a href="">
                                    <img src="./images/mf-1.jpg" alt="">
                                </a>
                                <p class="mf-t">
                                    <a href="">贝亲牙刷套装儿童牙刷（1、2、3段各一支,适用于6个月-3岁左右）</a>
                                </p>
                                <p class="mf-f">￥11.0</p>
                            </li>

                            <li>
                                <a href="">
                                    <img src="./images/mf-1.jpg" alt="">
                                </a>
                                <p class="mf-t">
                                    <a href="">贝亲牙刷套装儿童牙刷（1、2、3段各一支,适用于6个月-3岁左右）</a>
                                </p>
                                <p class="mf-f">￥11.0</p>
                            </li>

                            <li>
                                <a href="">
                                    <img src="./images/mf-1.jpg" alt="">
                                </a>
                                <p class="mf-t">
                                    <a href="">贝亲牙刷套装儿童牙刷（1、2、3段各一支,适用于6个月-3岁左右）</a>
                                </p>
                                <p class="mf-f">￥11.0</p>
                            </li>

                            <li class="li-f">
                                <a href="">清除浏览历史></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="fl-r de-info">
                <div class="de-t">
                    <div class="de-color">
                        <div class="de-de">
                            <h3 class="h3-1">
                                商品详情
                            </h3>
                            <h3>规格参数</h3>
                            <h3>商品评价(0)</h3>
                        </div>
                    </div>
                </div>

                <!-- 有隐藏盒子 -->
                <div class="de-f1" style="display: block">
                    <div class="de-f-t">
                        <ul class="li">
                            <li>货号：HG001</li>
                        </ul>
                    </div>

                    <div class="de-f-f">
                        <p>
                            <img src="./images/cjdt.jpg" alt="">
                        </p>
                    </div>
                </div>
                <!-- 商品评价 -->
                <div class="sppj">
                    <h2>商品评价</h2>
                    <div class="sp-f .clear">
                        <div class="sp-f-l .clear">
                            <p class="sp-p1"><span class="s1">100</span><span class="s2">%</span></p>
                            <p class="sp-p2">好评度</p>
                        </div>

                        <div class="sp-f-c .clear">
                            <dl class="clear">
                                <dt>好评(100%)</dt>
                                <dd class="d1"></dd>
                            </dl>
                            <dl>
                                <dt>中评(0%)</dt>
                                <dd></dd>
                            </dl>
                            <dl>
                                <dt>差评(0%)</dt>
                                <dd></dd>
                            </dl>
                        </div>

                        <div class="sp-f-r .clear">
                            <dl class="clear">
                                <dt>买家印象:</dt>
                                <dd></dd>
                            </dl>
                        </div>
                    </div>

                    <div class="sp-hp">
                        <ul class="li">
                            <li><a href="">全部评价(0)</a></li>
                            <li><a href="">好评(0)</a></li>
                            <li><a href="">中评(0)</a></li>
                            <li><a href="">差评(0)</a></li>
                            <li><a href="">有图片的评论(0)</a></li>
                        </ul>
                    </div>
                    <div class="sp-btn">
                        <p class="fl-r">
                            <a href="">上一页</a>
                            <a href="">下一页</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="foo-t">
            <div class="cen">
                <ul class="li">
                    <li>
                        <div class="foo-l1">
                            <span class="dq-1"></span>品类齐全轻松购物
                        </div>
                    </li>
                    <li>
                        <div class="foo-l1">
                            <span class="dq-2"></span>多仓直发,极速配送
                        </div>
                    </li>
                    <li>
                        <div class="foo-l1">
                            <span class="dq-3"></span>正品行货，精致服务
                        </div>
                    </li>
                    <li>
                        <div class="foo-l1">
                            <span class="dq-4"></span>天天低价，畅选无忧
                        </div>
                    </li>
                </ul>

            </div>
        </div>
        <div style="padding:20px 0;">
        </div>

        <div class="foo-fl">
            <div class="cen foo-flT">
                <div class="foo-flT-t">
                    <p>浙ICP备14001577号-1</p>
                    <p>© 2005-2019 跨境淘 版权所有，并保留所有权利</p>
                </div>
                <div class="foo-fl-f">
                    <a href=""><img src="./images/fl-1.png" alt=""></a>
                    <a href=""><img src="./images/fl-2.png" alt=""></a>
                    <a href=""><img src="./images/fl-3.png" alt=""></a>
                    <a href=""><img src="./images/fl-4.png" alt=""></a>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>